
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
<link rel="stylesheet" type="text/css" href="../../css/demo.css" />
<script src="../../js/demo.js" type="text/javascript" charset="utf-8"></script>
<title>店铺设置</title>
</head>
<body>
	<!--header-->
	<div class="header">
		<div class="header-content">
			<ul class="nav left">
				<li><img src="../../img/regist-arrow.png" /></li>
				<li class="nav-one"><a href="javascript:history.go(-1);">返回</a></li>
				<li class="nav-two"><a href="../../">关闭</a></li>
			</ul>
			<p class="left">商品管理</p>
			<div class="right nav_right">
				<img src="../../img/regist-list.png" />
			</div>
		</div>
	</div>
	<!--main-->
	<div class="main clear">
		<div class="shopseting">
			<div class="shopsetinglist">
				<ul class="shopsetinglist-left left">
					<li><img src="../../img/shopmanagement-icon12.png" /></li>
					<li><img src="../../img/shopseting-icon2.png" />店铺头像</li>
				</ul>
				<img src="" class="right" id="i1" />
			</div>
		</div>
		<div class="setinglist">
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon3.png" />店铺名称</li>
				<li class='right'></li>
			</ul>
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon4.png" />店铺等级</li>
				<li class="right"></li>
			</ul>
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon5.png" />微信号</li>
				<li class="right"></li>
			</ul>
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon6.png" />店铺公告</li>
				<li class="right">未开通<img src="../../img/shopseting-icon11.png"
					alt="" /></li>
			</ul>
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon7.png" />设置个性域名</li>
				<li class="right">qmxd.qiaofree.com<img
					src="../../img/shopseting-icon11.png" alt="" /></li>
			</ul>
			<ul class="setinglist-arr">
				<li class="left"><img src="../../img/shopseting-icon8.png" />联系电话</li>
				<li class="right">138****8384<img
					src="../../img/shopseting-icon11.png" alt="" /></li>
			</ul>
			<ul class="setinglist-arr shop-different">
				<li class="left"><img src="../../img/shopseting-icon9.png" />所在地</li>
				<li class="right">福建省 福州市<img src="../../img/shopseting-icon11.png"
					alt="" /></li>
			</ul>
			<div class="shopmanage-line3">
				<img src="../../img/shopmanage-line2.png" />
			</div>
		</div>
	</div>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript">
		showHtml();
		function showHtml() {
			$
					.ajax({
						type : "post",
						url : "/qiaomengapp/shop/showHtml",
						dataType : "json",
						success : function(data) {
							//ul:eq(3) li:eq(2)
							//遍历json对象
							/* for(var p in data){
								var str = str+data[p]+",";
								alert(str);
								} */
							//商品名称
							$('ul:eq(2) li:eq(1)')
									.html(
											data.shopName
													+ "<img src='../../img/shopseting-icon11.png' alt='' />")
							//店铺头像
							$('#i1').attr('src', data.shopTitleurl);
						    //店铺等级
							var b = "<img src='../../img/shopseting-icon10.png' class='hongxing'/>";
							var a = "";
							for (var i = 1; i <= data.shopLevel; i++) {
								a += b;
								$('ul:eq(3) li:eq(1)').html(a);
							}
							//微信号
							$('ul:eq(4) li:eq(1)').html(data.shopWechat+"<img src='../../img/shopseting-icon11.png' alt='' />");
							//店铺公告
							$('ul:eq(5) li:eq(1)').html(data.shopNotice+"<img src='../../img/shopseting-icon11.png' alt='' />");
							//店铺ip
							$('ul:eq(6) li:eq(1)').html(data.shopIp+"<img src='../../img/shopseting-icon11.png' alt='' />");
							//店铺电话
							$('ul:eq(7) li:eq(1)').html(data.shopPhone+"<img src='../../img/shopseting-icon11.png' alt='' />");
							//店铺地址
							$('ul:eq(8) li:eq(1)').html(data.cityName+"&nbsp;"+data.provinceName+"<img src='../../img/shopseting-icon11.png' alt='' />");
						}
					})
		}
	</script>
</body>
</html>